<template>
  <div class="swiper_box">
     
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        
  <van-swipe-item v-for="(item,index) in bannerArr" :key="index">
    <img v-lazy="item.image_url" alt="">
  </van-swipe-item>
 
 
  
  </van-swipe>

  </div>
</template>

<script>
export default {
data(){
  return{

  }
},
props:["bannerArr" ],
created(){
  // console.log(bannerArr);
 
}
}
</script>

<style lang="less" scoped>
.swiper_box{
  width: 100%;
  img{
    display: block;
    width: 100%;
  }
}
</style>